<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .qog_div{
            width: 1000px;
            height: 600px;
            display: flex;
            background-color: aquamarine;
        }
        .ong_div{
            width: 30%;
            height: 100%;
         flex-grow: 1;
            background-color: green;
            border-radius: 10px 0px 0px 10px;
            text-align: center;
        }
        .sol_div{
            width: 50%;
            height: 100%;
            flex-grow: 1;
            background-image:url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.ynxinhua.com%2Fuploads%2Fallimg%2F150215%2F19-150215200532.jpg&refer=http%3A%2F%2Fwww.ynxinhua.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636516334&t=4564135101ba779d65678ed6e708fcaf");
            background-color: blue;
            border-radius: 0px 10px 10px 0px;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .img{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body style="background-color: bisque">
<form action="insert.php" method="post">
    <div class="qog_div">
        <div class="ong_div">
            <h2 style="color:#4070a0;text-align:center">用户注册页面</h2>
            <hr style="background-color: aquamarine;width: 30%;text-align:center;height: 10px;">
            <label> 用&nbsp户&nbsp名：</label>
            <input type="text" name="username" style="height: 30px;border-radius: 5px;outline: none;border: none">
            <br>
            <br>

            <label> 密&nbsp&nbsp&nbsp码&nbsp：&nbsp</label>
            <input type="password" name="pwd1" style="height: 30px;border-radius: 5px;outline: none;border: none">
            <br>
            <br>
            <label> 确认密码：</label>
            <input type="password" name="pwd2" style="height: 30px;border-radius: 5px;outline: none;border: none">
            <br>
            <br>


            <label> 年龄：</label>
            <input type="number" name="age" style="height: 30px;border-radius: 5px;outline: none;border: none">
            <br>



            <label> 性别：</label>
            <input type="radio" value="1" name="sex">男
            <input type="radio" value="2" name="sex">女
            <br>
            <br>
            <label> 手&nbsp机&nbsp号：</label>
            <input type="number" name="tel" style="height: 30px;border-radius: 5px;outline: none;border: none">
                <br>
            <br>
            家乡： <select name="hometown">
            <option selected> --请选择-- </option>
            <option value="1"> 北京 </option>
            <option value="2"> 上海 </option>
            <option value="3"> 天津 </option>
            <option value="4"> 深圳 </option>
            <option value="5"> 乌鲁木齐 </option>
            <option value="6"> 喀什 </option>
            <option value="7"> 和田 </option>
        </select><br><br>
            兴趣： <input type="checkbox" name="hobby[]" value="1"> 读书
            <input type="checkbox" name="hobby[]" value="2"> 编程
            <input type="checkbox" name="hobby[]" value="3"> 打工
            <input type="checkbox" name="hobby[]" value="4"> 游泳<br><br>
           &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <input type="checkbox" name="hobby[]" value="5">花钱
            <input type="checkbox" name="hobby[]" value="6"> 篮球
            <input type="checkbox" name="hobby[]" value="7"> 跑车
            <input type="checkbox" name="hobby[]" value="8"> 旅游
            <br><br>
            <label> 个人介绍：</label>
            <textarea name="description" row="10" cols="30" placeholder="请简单的介绍一下你自己" style="border-radius: 5px;outline: none;border: none"></textarea>
            <br>
            <br>
            <input type="submit">
        </div>
        <div class="sol_div"></div>

    </div>
</form>
</body>
</html>